To create a new project, visit tempo.new and describe what you want to build in the input field.
After entering your description, click on the Generate button.
This will take you to the generation page, where Tempo will create a requirements document and corresponding wireframes.
Once generation is complete, you’ll see a prompt to open the editor, where you can review and refine your project.
Note: The first generation may take longer as the system sets up your environment and generates all components. Subsequent edits and updates will be significantly faster.
To enhance your project, open the project editor and request changes through the chat feature.The AI may occasionally make mistakes, such as generating code with errors. If this happens, don’t worry! You can click the Fix with AI button to resolve these issues in most cases. If the button isn’t visible, you can paste the error message into the chat to guide the AI toward a solution.Do you prefer direct edits? Click the code tab to access the code editor and make modifications manually. Additionally, you can push the code to GitHub for further customization.
If you aren’t satisfied with a change made by the AI, you can revert your project to a previous state.Use CTRL+Z (Windows) or Command+Z (Mac) to undo the last change. This provides an easy way to go back to the most recent version of your work.
You can view project files on Github or you can navigate to the file selector on the left hand side of the canvas.The assets tab is also useful to reuse elements across your project.
Was this page helpful?
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Tempo","colors":{"primary":"#9747FF","light":"#B2A4F7","dark":"#281D60"},"logo":{"light":"https://bzcxxroyylqcbnrgyxhx.supabase.co/storage/v1/object/public/TempoDocs/Group%2047345%20(1).png","dark":"https://bzcxxroyylqcbnrgyxhx.supabase.co/storage/v1/object/public/TempoDocs/Group%2047346%20(1).png"},"favicon":"/favicon.svg","navbar":{"links":[{"label":"Support","href":"mailto:support@tempo.new"}],"primary":{"type":"button","label":"Tempo Labs App","href":"https://www.tempo.new/"}},"footer":{"socials":{"x":"https://www.linkedin.com/company/tempo-labs","website":"https://www.tempo.new/","linkedin":"https://linkedin.com/company/mintlify"}},"navigation":{"global":{"anchors":[{"anchor":"X","icon":"twitter","href":"https://x.com/Tempo_Labs"},{"anchor":"Community","icon":"discord","href":"https://discord.com/invite/Arp8FZuBrs"},{"anchor":"Blog","icon":"newspaper","href":"https://www.tempo.new/blog"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"tempolabsinc","hasAudioNarration":false,"actualSubdomain":"tempolabsinc","customDomains":[],"gitSource":{"type":"github","owner":"tempolabsai","repo":"tempo-docs","deployBranch":"main","contentDirectory":"","isPrivate":true,"mountPath":"","label":""},"feedback":{"thumbs":true,"edits":true,"issues":true},"entitlements":{},"buildId":"6ae9235323e9642788d59521:success","clientVersion":"0.0.4124","searchFilterCounts":[{"language":"default","tag":"Documentation","count":30},{"language":"default","tag":"Basics","count":12},{"language":"default","tag":"SaaS Templates","count":7},{"language":"default","tag":"MCP AppStore","count":5},{"language":"default","tag":"MCP App Store","count":5},{"language":"default","tag":"Integrations","count":3},{"language":"default","tag":"Best Practices","count":2},{"language":"default","tag":"Import Repo","count":2},{"language":"default","tag":"Supabase","count":2},{"language":"default","tag":"Privacy and ToS","count":2}]},"assistantConfig":{},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-rbac-roles","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"rbac-expansion","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"full-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-sso-scim","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-signup","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-dual-write","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-enabled","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"approve-review-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-metadata","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"sso-setup-deadline-banner","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"turbopuffer-serve","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"live-agents","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"Basics/Getting Started","slug":"/Basics/Getting Started","pageMetadata":{"title":"Getting Started","description":"Learn how to create and improve your first project with Tempo.","icon":"play","href":"/Basics/Getting Started"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Learn how to create and improve your first project with Tempo.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={a:`a`,em:`em`,li:`li`,ol:`ol`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Heading,Info,OptimizedFrame}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!Info)_missingMdxReference(`Info`,true);if(!OptimizedFrame)_missingMdxReference(`OptimizedFrame`,true);return _jsxs(_Fragment,{children:[_jsx(OptimizedFrame,{width:`560`,height:`315`,src:`https://www.youtube.com/embed/xIN_unOLXSI?si=Q4wQHPnQAj96sVqQ`,title:`YouTube video player`,frameborder:`0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share`,referrerpolicy:`strict-origin-when-cross-origin`,allowfullscreen:true}),`\n`,_jsx(Heading,{level:`2`,id:`creating-a-project`,children:`Creating a project`}),`\n`,_jsxs(_components.ol,{children:[`\n`,_jsxs(_components.li,{children:[`To create a new project, visit `,_jsx(_components.a,{href:`https://www.tempo.new/`,children:`tempo.new`}),` and describe what you want to build in the input field.`]}),`\n`,_jsx(_components.li,{children:`After entering your description, click on the Generate button.`}),`\n`,_jsx(_components.li,{children:`This will take you to the generation page, where Tempo will create a requirements document and corresponding wireframes.`}),`\n`,_jsx(_components.li,{children:`Once generation is complete, you’ll see a prompt to open the editor, where you can review and refine your project.`}),`\n`]}),`\n`,_jsx(Info,{children:_jsxs(_components.p,{children:[_jsx(_components.strong,{children:`Note`}),`: The first generation may take longer as the system sets up your environment and generates all components. Subsequent edits and updates will be significantly faster.`]})}),`\n`,_jsx(Heading,{level:`2`,id:`making-improvements`,children:`Making Improvements`}),`\n`,_jsx(_components.p,{children:`To enhance your project, open the project editor and request changes through the chat feature.`}),`\n`,_jsx(_components.p,{children:`The AI may occasionally make mistakes, such as generating code with errors. If this happens, don’t worry! You can click the Fix with AI button to resolve these issues in most cases. If the button isn’t visible, you can paste the error message into the chat to guide the AI toward a solution.`}),`\n`,_jsx(_components.p,{children:`Do you prefer direct edits? Click the code tab to access the code editor and make modifications manually. Additionally, you can push the code to GitHub for further customization.`}),`\n`,_jsx(Heading,{level:`2`,id:`reverting-changes`,children:`Reverting changes`}),`\n`,_jsx(_components.p,{children:`If you aren’t satisfied with a change made by the AI, you can revert your project to a previous state.`}),`\n`,_jsxs(_components.p,{children:[`Use `,_jsx(_components.em,{children:_jsx(_components.strong,{children:`CTRL+Z`})}),` (Windows) or `,_jsx(_components.em,{children:_jsx(_components.strong,{children:`Command+Z`})}),` (Mac) to undo the last change. This provides an easy way to go back to the most recent version of your work.`]}),`\n`,_jsx(Heading,{level:`2`,id:`deploying-your-project`,children:`Deploying your project`}),`\n`,_jsx(_components.p,{children:`Once you’re satisfied with your project, you can deploy it directly from the Tempo interface. For a full deployment guide see Deploy and Share.`}),`\n`,_jsx(OptimizedFrame,{width:`100%`,height:`100%`,src:`https://bzcxxroyylqcbnrgyxhx.supabase.co/storage/v1/object/public/TempoDocs/Deploy.mp4?t=2024-12-02T23%3A24%3A25.504Z`,title:`Video Player`,frameBorder:`0`,allow:`accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture`,allowFullScreen:true,style:{aspectRatio:`16/9`,display:`block`,borderRadius:`0.5rem`}}),`\n`,_jsx(Heading,{level:`2`,id:`browse-project-files-and-assets`,children:`Browse Project Files and Assets`}),`\n`,_jsx(_components.p,{children:`You can view project files on Github or you can navigate to the file selector on the left hand side of the canvas.`}),`\n`,_jsx(_components.p,{children:`The assets tab is also useful to reuse elements across your project.`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Getting Started","description":"Learn how to create and improve your first project with Tempo.","icon":"play","href":"/Basics/Getting Started"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Creating a project","slug":"creating-a-project","depth":2,"children":[]},{"title":"Making Improvements","slug":"making-improvements","depth":2,"children":[]},{"title":"Reverting changes","slug":"reverting-changes","depth":2,"children":[]},{"title":"Deploying your project","slug":"deploying-your-project","depth":2,"children":[]},{"title":"Browse Project Files and Assets","slug":"browse-project-files-and-assets","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"tempolabsinc","siteName":"Tempo","title":"Getting Started - Tempo","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2025-09-17T20:19:08.969Z","originalFileLocation":"Basics/Getting Started.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Learn how to create and improve your first project with Tempo.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Tempo\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Getting Started - Tempo\">\u003cmeta data-mint-head property=\"og:description\" content=\"Learn how to create and improve your first project with Tempo.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Tempo\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://tempolabsinc.mintlify.app/Basics/Getting Started\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://tempolabsinc.mintlify.site/_mintlify/api/og/v2?division=Basics\u0026amp;title=Getting+Started\u0026amp;description=Learn+how+to+create+and+improve+your+first+project+with+Tempo.\u0026amp;theme=82f40e594c7b06e9d1c0730e\u0026amp;signature=fc6c1fdbb6a5c7c8c8d4ab446e79a28dd64e5d6d5dd8263c9f96ed8587e8d709\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Getting Started - Tempo\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Learn how to create and improve your first project with Tempo.\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://tempolabsinc.mintlify.site/_mintlify/api/og/v2?division=Basics\u0026amp;title=Getting+Started\u0026amp;description=Learn+how+to+create+and+improve+your+first+project+with+Tempo.\u0026amp;theme=82f40e594c7b06e9d1c0730e\u0026amp;signature=fc6c1fdbb6a5c7c8c8d4ab446e79a28dd64e5d6d5dd8263c9f96ed8587e8d709\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/tempolabsinc/6vpJgl8QOF1S6Pgd/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Tempo\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#9747FF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://tempolabsinc.mintlify.app/Basics/Getting Started\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/Basics/Getting%20Started.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://tempolabsinc.mintlify.app/#organization\",\"name\":\"Tempo\",\"url\":\"https://tempolabsinc.mintlify.app\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://bzcxxroyylqcbnrgyxhx.supabase.co/storage/v1/object/public/TempoDocs/Group%2047345%20(1).png\"}},{\"@type\":\"WebSite\",\"@id\":\"https://tempolabsinc.mintlify.app#website\",\"name\":\"Tempo\",\"url\":\"https://tempolabsinc.mintlify.app\",\"publisher\":{\"@id\":\"https://tempolabsinc.mintlify.app/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started#webpage\",\"url\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started\",\"name\":\"Getting Started\",\"description\":\"Learn how to create and improve your first project with Tempo.\",\"dateModified\":\"2025-09-17T20:19:08.969Z\",\"isPartOf\":{\"@id\":\"https://tempolabsinc.mintlify.app#website\"},\"breadcrumb\":{\"@id\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Tempo\",\"item\":\"https://tempolabsinc.mintlify.app\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Getting Started\",\"item\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started#article\",\"headline\":\"Getting Started\",\"name\":\"Getting Started\",\"description\":\"Learn how to create and improve your first project with Tempo.\",\"url\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started\",\"mainEntityOfPage\":{\"@id\":\"https://tempolabsinc.mintlify.app/Basics/Getting%20Started#webpage\"},\"dateModified\":\"2025-09-17T20:19:08.969Z\",\"publisher\":{\"@id\":\"https://tempolabsinc.mintlify.app/#organization\"},\"isPartOf\":{\"@id\":\"https://tempolabsinc.mintlify.app#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Tempo\",\"publisher\":{\"@type\":\"Organization\",\"name\":\"Tempo\"},\"provider\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","agentPointerHref":"/Basics/Getting%20Started.md","siteName":"Tempo","nav":{"global":{"anchors":[{"anchor":"X","icon":"twitter","href":"https://x.com/Tempo_Labs"},{"anchor":"Community","icon":"discord","href":"https://discord.com/invite/Arp8FZuBrs"},{"anchor":"Blog","icon":"newspaper","href":"https://www.tempo.new/blog"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Get Started","pages":[{"title":"Welcome to Tempo","description":"Build React apps 10x faster with AI","icon":"door-open","href":"/introduction"}]},{"group":"Basics","pages":[{"title":"Getting Started","icon":"play","href":"/Basics/Getting Started"},{"title":"Prompting in Tempo","description":"Learn effective prompting strategies to make the most out of Tempo","icon":"text-size","href":"/Basics/Prompting"},{"title":"Add Images and Videos","icon":"image","href":"/Basics/images"},{"title":"Using npm Packages","icon":"code","href":"/Basics/Using npm Packages"},{"title":"Deploy and Share","icon":"share","href":"/Basics/Deploy and Share"},{"title":"Pricing","icon":"credit-card","href":"/Pricing"},{"title":"Tempo's Chat Modes","icon":"brain","href":"/chat-modes"},{"title":"Keyboard Shortcuts","icon":"keyboard","href":"/Basics/Keyboard Shortcuts"},{"title":"Feature Canvas and Git Branch Management","icon":"code-branch","href":"/Basics/Git"},{"title":"Github Organizations","sidebarTitle":"Github Organizations","icon":"building","href":"/Basics/GitOrgs"},{"title":"Restart Server","icon":"power-off","sidebarTitle":"Restart Server","href":"/Basics/RestartServer"},{"title":"Local Mode (Tempo \u003c> Windsurf or Cursor)","icon":"earth-africa","href":"/Basics/LocalMode"}]},{"group":"Best Practices","pages":[{"title":null,"href":"/Best Practices/Level Up Your Prompting Game"},{"title":null,"href":"/Best Practices/CLEAR In Action"}]},{"group":"Integrations","pages":[{"title":"Starter Repo and Github Integration","icon":"Github","href":"/Basics/Starter Repo and Github Integration"},{"title":"Figma to Tempo","icon":"figma","href":"/FigmaPlugin"},{"title":"Connect with Cursor, Windsurf or VS Code","icon":"link","href":"/local"}]},{"group":"Import Repo","pages":[{"title":"Apps Using Clerk Auth in Tempo","href":"/repo-setup/ClerkAuthInTempo"},{"title":"Websocket/Hot Reload Error","href":"/repo-setup/WebsocketError"}]},{"group":"SaaS Templates","pages":[{"title":"SaaS Template Overview","icon":"computer","href":"/SaasTemplates"},{"title":"Vite + Supabase + Stripe","icon":"money-check-dollar","href":"/ViteSupabaseStripe"},{"title":"Vite + Supabase + Polar","icon":"money-check-dollar","href":"/ViteSupabasePolar"},{"title":"Vite + Clerk + Convex + Stripe","icon":"money-check-dollar","href":"/ViteClerkConvexStripe"},{"title":"Vite + Clerk + Convex + Polar","icon":"money-check-dollar","href":"/ViteClerkConvexPolar"},{"title":"Next.js + Supabase + Polar","icon":"money-check-dollar","href":"/Next.jsSupabasePolar"},{"title":"Next.js + Supabase + Stripe","icon":"money-check-dollar","href":"/Next.jsSupabaseStripe"}]},{"group":"Mobile Apps","pages":[{"title":"Building Mobile Apps with Expo","icon":"mobile","href":"/Mobile"}]},{"group":"Privacy and ToS","pages":[{"title":"Privacy Policy","href":"/tempo-privacy"},{"title":"Terms of Service","href":"/tempo-terms"}]}]},{"tab":"MCP AppStore","pages":[{"title":"MCP AppStore","href":"/MCP/overview"}]},{"tab":"Supabase","pages":[{"title":"Supabase","href":"/supabase/Troubleshooting"}]}]},"basePath":"","title":"Getting Started - Tempo","buildId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","deploymentId":"dpl_8hoxaqFTU7hTr6A2fUraxAyjuiZo","dynamics":[],"chunks":[]}